<template>
  <div>
    <Row>
      <i-col span="24">
        <span>这个详情页当前id: {{id}}</span>
        <div class="auth-intro">每个详情页都不一样。都是从列表页跳转过来的，但是详情页并不在左侧菜单中。后端可以给仓库管理做权限，没办法看到仓库列表，但是如果用户直接通过url链接访问http://localhost:8080/store/storeDetail?id={{id}}依然是可以直接进入详情页，也就是说后端做菜单权限过滤 ，仅仅只能过滤菜单，不在左侧菜单内的详情页页面，没法过滤。除非需求加一个非左侧菜单页面，后端就加一个，这样的话和直接在前端过滤没有任何区别</div>
      </i-col>
    </Row>
  </div>
</template>

<script>
export default {
  data () {
    return {
      id: ''
    }
  },
  created () {
    this.id = this.$route.query.id || ''
  },
  beforeRouteEnter (to, from, next) {
    let id = to.query.id || ''
    to.meta.title = '仓库详情页' + id
    next()
  }
}
</script>

<style lang="less">
.auth-intro {
    font-size: 20px;
    padding-top: 20px;
    font-weight: 700;
    line-height: 20px;
}
</style>
